$iconfont-conn: "\ea01";
$iconfont-down: "\ea02";
$iconfont-play: "\ea03";
$iconfont-volume: "\ea04";

@font-face {
    font-family: iconfont;
    src: url("../../fonts/default/iconfont.eot");
    src: url("../../fonts/default/iconfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/default/iconfont.woff") format("woff"), url("../../fonts/default/iconfont.ttf") format("truetype"), url("../../fonts/default/iconfont.svg#iconfont") format("svg");
    font-style: normal;
    font-weight: 400;
}

%iconfont {
    display: inline-block;
    transform: translate(0, 0);
    text-rendering: auto;
    font: normal normal 400 14px/1 iconfont;
    font-size: inherit;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.iconfont {
    @extend %iconfont;
}

.iconfont-lg {
    vertical-align: -15%;
    line-height: 0.75em;
    font-size: 1.33333333em;
}

.iconfont-2x {
    font-size: 2em;
}

.iconfont-3x {
    font-size: 3em;
}

.iconfont-4x {
    font-size: 4em;
}

.iconfont-5x {
    font-size: 5em;
}

.iconfont-fw {
    width: 1.28571429em;
    text-align: center;
}

.iconfont-conn::before {
    content: "\ea01";
}

.iconfont-down::before {
    content: "\ea02";
}

.iconfont-play::before {
    content: "\ea03";
}

.iconfont-volume::before {
    content: "\ea04";
}
